<template>
  <div class="main">
    <div class="cont">
      <p class="img-succ"></p>
      <p class="text">签到成功</p>
      <p class="btn" @click="goBack()">返回</p>
    </div>
  </div>
</template>
<script>
export default {
  data () {
    return {}
  },
  methods: {
    goBack () {
      history.go(-1)
    }
  }
}
</script>
<style lang="stylus" scoped>
.main
  width 100%
  height 100vh
  background #F2F4F5
  .cont
    width 100%
    padded_box(border-box,100px 0 0)
    display flex
    flex-direction column
    align-items center
    .img-succ
      width 140px
      height 112px
      background url('~assets/img/img_success@3x.png') no-repeat center/100%
    .text
      height 20px
      line-height 20px
      font-size 14px
      font-weight 700
      color #333
      margin-top 16px
    .btn
      width 150px
      height 38px
      background #0083FF
      line-height 18px
      text-align center
      font-size 14px
      color #fff
      border-radius 19px
      padded_box(border-box, 10px 0)
      margin-top 24px
</style>
